/* 960~600之间 */
@media screen and (max-width: 960px) {

    /* 头部响应样式 */
    .wrapper {
        width: 94vw;
    }

    article .flex-col-4 {
        max-width: calc(4.16667 * 5%);
        flex: 0 0 calc(4.16667 * 5%);
    }

    /* 导航栏 */
    article .flex-col-8 {
        max-width: calc(4.16667 * 4%);
        flex: 0 0 calc(4.16667 * 4%);
    }

    .nav-left li:nth-child(2),
    .nav-left li:nth-child(3) {
        display: none;
    }

    article .nav-right .header-position {
        display: none;
    }

    /* 下拉按钮显示 */
    article .hide-icon {
        display: block !important;
    }

    article .nav-right .search-box,
    article .nav-right .view-history,
    article .nav-right .ticket-history,
    article .nav-right .header-usertxt {
        display: none;
    }

    /* 底部响应样式 */
    footer .icon-ser-box {
        /* 图标盒子 */
        max-width: calc(4.16667 * 6%);
        flex: 0 0 calc(4.16667 * 6%);
    }
}

@media screen and (max-width: 838px) {

    /* 头部响应样式 */

    /* 底部响应样式 */
    .icon-ser-box i {
        /*减小图标边距 */
        margin-left: .5rem !important;
    }
}